<template>
  <div class="avator-container">
    <span class="el-dropdown-link el-dropdown-selfdefine">
      <em class="avator-userfilled">
        <el-icon style="vertical-align: middle"><User/></el-icon>
      </em>
      <span class="avator-username">李小明</span>
    </span>
  </div>
</template>
<script setup lang="js">
import {User} from "@element-plus/icons-vue";
</script>
<style scoped>
  .avator-container {
    background-color: #646cff;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    .avator-username {
      margin-left: 5px;
      font-style: normal;
      vertical-align: middle;
    }
    span {
      margin-left: 200px;
    }
  }
</style>